// axios的基础的配置
import axios from 'axios'
import store from '@/store/index.js'

const instance = axios.create({
  baseURL: 'http://toutiao.itheima.net'
})

// axios的拦截器配置，发送axios之前进入
const requestInterceptors = instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么--添加请求头

  // token存在的时候添加请求头 --如果token过期？
  if (store.state.user) {
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }

  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应的拦截器---尝试解决token过期的问题
instance.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么

  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  if (error.response && error.response.status === 401 && store.state.user) {
    refreshToken()
    console.log('token过期')
  }

  return Promise.reject(error)
})

let refresh_token = null
function refreshToken () {
  refresh_token = store.state.user.refresh_token
  instance.interceptors.request.eject(requestInterceptors)
  instance({
    method: 'PUT',
    url: '/v1_0/authorizations',
    headers: {
      Authorization: `Bearer ${store.state.user.refresh_token}`
    }
  }).then(re => {
    console.log(re)
    store.commit('SaveToken', { token: re.data.data.token, refresh_token }) // 16天后refresh过期的令牌未处理
  }).catch(err => {
    console.log(err)
  })
}

export default instance
